<template>
    <div></div>
</template>
<script>
import {getWeixinAppid} from '@/api/views';
import {mapState,mapMutations,mapActions} from 'vuex';
export default {
    name:'',
    data() {
        return {}
    },
    created () {
        // 主机名
        let _HOST = window.location.host;
        //- 授权重定向页面
        let _REDIRECT_URI = "http://" + _HOST + "/dist/binding";
        console.log(_HOST);
        //- 授权方式
        //- snsapi_base		不弹出授权页面，直接跳转，只能获取用户openid
        //- snsapi_userinfo	弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息
        let _SCOPE = "snsapi_userinfo";

        // 检测会员有没有登录
        if(!sessionStorage.getItem('m_token')){       //缓存中没有uid，则说明没有登录
            // 获取浏览器的类型
            let ua = window.navigator.userAgent.toLowerCase();
            // 请求获取appid
            getWeixinAppid().then(result=>{
                let appid = result.appid;
                //- 2.微信浏览器授权登陆
                let url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appid + "&redirect_uri=" + encodeURIComponent(_REDIRECT_URI) + "&response_type=code&scope=" + _SCOPE + "&state=" + appid + "&connect_redirect=1#wechat_redirect";
                window.location.href = url;
            }).catch(error=>{});
            
        }else{
            // 缓存里有token， 但是vuex中没有用户登录信息则做登录操作
            // this.login()
            let m_token = sessionStorage.getItem('m_token');      //从缓存里拿到token，再注入store
            this.SET_TOKEN(m_token);
            let m_openid = sessionStorage.getItem('m_openid');      //从缓存里拿到openid，再注入store
            this.SET_OPENID(m_openid);
            console.log('有用户信息的情况');
            this.$router.push({name:'binding'});
        }
    },
    methods: {
        ...mapMutations(['SET_OPENID','SET_UID','SET_TOKEN']),
        ...mapActions(['actionOpenid', 'actionToken','actionUid']),
    }
}
</script>
